
// 2.引入默认样式表
@import './reset.less';
// 3.引入兼容性样式表
@import './normalize.less';

* {
	scrollbar-3dlight-color:#fff; 
    scrollbar-highlight-color:#fff; 
    scrollbar-arrow-color:#fff; 
    scrollbar-shadow-color:#fff; 
    scrollbar-darkshadow-color:#fff; 
    scrollbar-base-color:#fff; 
    scrollbar-track-color:#fff; 
}
.ihwmobile {
	.border {
		border: 0.04rem solid #009AEE;
	}
	width: 100%;
	overflow: hidden;
	.head {
		width: 3.75rem;
		height: 2.11rem;
		background-image: url('/src/images/banner.png');
		background-size: 100% 100%;
		.logo {
			width: 1.16rem;
			height: 0.2rem;
			position: absolute;
			left: 0.2rem;
			top: 0.2rem;
			img {
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
			}
		}
		.banner_word1 {
			position: absolute;
			top: 1.05rem;
			left: 0.2rem;
			width: 1.89rem;
			height: 0.46rem;
			img {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
			}
		}
	}
	.cooperation {
		width: 100%;
		background: #fff;
		background-image: url('/src/images/bg1.png');
		background-repeat: no-repeat;
		background-size: 100% auto;
		padding-bottom: 0.3rem;
		.coop-toop {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: 0.85rem;
			line-height: 0.85rem;
			text-align: center;
			img {
				width: 1.38rem;
				height: 0.36rem;
			}
		}
		.coop-center {
			width: 3.45rem;
			margin: 0 auto;
			overflow: hidden;
			li {
				width: 1.65rem;
				height: 0.99rem;
				float: left;
				&:nth-child(1) {
					margin-right: 0.15rem;
				}
				img {
					vertical-align: top;
					width: 100%;
					height: 100%;
				}
			}
		}
		.coop-bottom {
			width: 3.45rem;
			height: 2.56rem;
			background-color: #EBEBEB;
			margin: 0 auto;
			margin-top: 0.16rem;
			.coop-img1 {
				width: 100%;
				height: 100%;
				img {
					margin-top: -0.16rem;
					width: 100%;
					height: 100%;
				}
			}
			.coop-img2 {
				width: 100%;
				height: 2.21rem;
				display: none;
				img {
					margin-top: -0.16rem;
					width: 100%;
					height: 100%;
				}
			}
		}
	}
	.core {
		width: 100%;
		
		.core-title {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: 0.85rem;
			line-height: 0.85rem;
			text-align: center;
			img {
				width: 0.76rem;
				height: 0.36rem;
			}
		}
		.core-detail {
			width: 3.48rem;
			margin: 0 auto;
			border-top: 1px solid #E5E5E5;
			border-left: 1px solid #E5E5E5;
			overflow: hidden;
			background: #fff;
			li {
				float: left;
				width: 1.73rem;
				height: 1.96rem;
				border-bottom: 1px solid #E5E5E5;
				border-right: 1px solid #E5E5E5;
				box-sizing: border-box;
				padding-top: 0.21rem;
				text-align: center;
				img {
					display: block;
					margin: 0 auto;
					width: 0.36rem;
					height: 0.36rem;
					margin-bottom: 0.13rem;
				}
				h6 {
					font-family: PingFangSC-Regular;
					font-size: 0.16rem;
					color: #333333;
					margin-bottom: 0.08rem;
				}
				p {
					padding: 0 0.13rem;
					font-family: PingFangSC-Regular;
					font-size: 0.14rem;
					color: #999999;
					text-align: center;
					line-height: 0.2rem;
				}
			}
		}
		.bg {
			width: 100%;
			height: 0.76rem;
			background-image: url('/src/images/bg2.png');
			background-repeat: no-repeat;
			background-position: center;
			background-size: auto 100%;
		}
	}
	.frame {
		width: 100%;
		background: #fff;
		padding-bottom: 0.3rem;
		.frame-title {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: 0.85rem;
			line-height: 0.85rem;
			text-align: center;
			img {
				width: 1.64rem;
				height: 0.36rem;
			}
		}
		.frame-detail {
			width: 3.44rem;
			margin: 0 auto;
			.frame-detail1 {
				height: 0.41rem;
				li {
					width: 1.1rem;
					height: 0.41rem;
					opacity: 0.6;
					background: #162133;
					line-height: 0.41rem;
					text-align: center;
					float: left;
					margin-right: 0.07rem;
					&:nth-child(3) {
						margin-right: 0;
					}
					p {
						font-family: PingFangSC-Regular;
						font-size: 0.15rem;
						color: #FFFFFF;
						text-align: center;
					}
				}
			}
			.frame-detail2 {
				height: 1.61rem;
				li {
					width: 1.1rem;
					height: 1.61rem;
					border: 1px solid #E5E5E5;
					border-top: none;
					float: left;
					margin-right: 0.07rem;
					&:nth-child(3) {
						margin-right: 0;
					}
					p {
						font-family: PingFangSC-Light;
						font-size: 0.13rem;
						color: #666666;
						line-height: 0.17rem;
						padding: 0.085rem 0.061rem;
						box-sizing: border-box;
					}
				}
			}
			.frame-detail3 {
				height: 0.41rem;
				li {
					width: 1.09rem;
					height: 0.36rem;
					float: left;
					padding-top: 0.05rem;
					margin-right: 0.08rem;
					&:nth-child(3) {
						margin-right: 0;
					}
					img {
						display: block;
						margin: 0 auto;
						width: 0.16rem;
						height: 100%;
					}
				}
			}
			.frame-detail4 {
				width: 100%;
				height: 0.4rem;
				opacity: 0.6;
				background: #162133;
				margin-bottom: 0.08rem;
				p {
					width: 100%;
					height: 100%;
					line-height: 0.4rem;
					text-align: center;
					font-family: PingFangSC-Regular;
					font-size: 0.15rem;
					color: #FFFFFF;
					text-align: center;
				}
			}
			.frame-detail5 {
				width: 100%;
				height: 1.3rem;
				li {
					float: left;
					width: 1.1rem;
					border: 1px solid #E5E5E5;
					box-sizing: border-box;
					height: 1.3rem;
					margin-right: 0.07rem;
					&:last-child {
						margin-right: 0;
					}
					h4 {
						height: 0.4rem;
						line-height: 0.4rem;
						font-family: PingFangSC-Regular;
						font-size: 0.14rem;
						color: #333333;
						text-align: center;
						background-color: #fff;
					}
					p {
						width: 100%;
						height: 0.89rem;
						line-height: 0.17rem;
						padding: 0.085rem 0.069rem;
						font-family: PingFangSC-Light;
						font-size: 0.13rem;
						color: #666666;
						background: #F4F4F4;
					}
				}
			}
			.frame-detail6 {
				height: 0.41rem;
				li {
					width: 1.09rem;
					height: 0.36rem;
					float: left;
					padding-top: 0.05rem;
					margin-right: 0.08rem;
					&:nth-child(3) {
						margin-right: 0;
					}
					img {
						display: block;
						margin: 0 auto;
						width: 0.16rem;
						height: 100%;
					}
				}
			}
			.frame-detail7 {
				width: 100%;
				height: 0.4rem;
				opacity: 0.6;
				background: #162133;
				margin-bottom: 0.08rem;
				p {
					width: 100%;
					height: 100%;
					line-height: 0.4rem;
					text-align: center;
					font-family: PingFangSC-Regular;
					font-size: 0.15rem;
					color: #FFFFFF;
					text-align: center;
				}
			}
			.frame-detail8 {
				width: 100%;
				height: 1.62rem;
				border-top: 1px solid #E5E5E5;
				box-sizing: border-box;
				margin-bottom: 0.19rem;
				li {
					display: -webkit-box;
					display: -webkit-flex;
					display: -ms-flexbox;
					display: flex;
					width: 100%;
					height: 0.54rem;
					border: 1px solid #E5E5E5;
					border-top: none;
					box-sizing: border-box;
					&:nth-child(2) {
						background: #F4F4F4;
					}
					.left {
						width: 1.1rem;
						height: 0.54rem;
						line-height: 0.54rem;
						text-align: center;
						border-right: 1px solid #E5E5E5;
						font-family: PingFangSC-Regular;
						font-size: 0.14rem;
						color: #333333;
						text-align: center;
					}
					.right {
						-webkit-box-flex: 1;
						-webkit-flex: 1;
						-ms-flex: 1;
						flex: 1;
						height: 0.54rem;
						padding: 0.09rem 0.13rem;
						box-sizing: border-box;
						font-family: PingFangSC-Light;
						font-size: 0.13rem;
						color: #666666;
						line-height: 0.17rem;
					}
				}
			}
			.frame-detail9 {
				width: 100%;
				height: 1.2rem;
				li {
					float: left;
					height: 1.2rem;
					background: #FFFFFF;
					width: 1.36rem;
					border: 1px solid #E5E5E5;
					margin-right: 0.06rem;
					text-align: center;
					padding-top: 0.16rem;
					&:first-child {
						border: none;
						width: 0.6rem;
						text-align: center;
						padding: 0.39rem 0.15rem;
						opacity: 0.6;
						background: #162133;
						font-family: PingFangSC-Regular;
						font-size: 0.15rem;
						color: #FFFFFF;
						text-align: center;
						p {
							color: #fff;
						}
					}
					&:last-child {
						margin-right: 0;
					}
					p {
						font-family: PingFangSC-Medium;
						font-size: 0.15rem;
						color: #333333;
						text-align: center;
					}
					a {
						display: block;
						margin: 0 auto;
						width: 0.72rem;
						height: 0.3rem;
						margin-top: 0.21rem;
						line-height: 0.3rem;
						background: #FFFFFF;
						border: 0.01rem solid #1CA5ED;
						border-radius: 0.04rem;
						font-family: PingFangSC-Regular;
						font-size: 0.14rem;
						color: #1CA5ED;
						text-align: center;
					}
				}
			}
		}
	}
	.center {
		width: 100%;
		height: 4.5rem;
		position: relative;
		.center-top {
			width: 100%;
			height: 3.6rem;
			background-image: url('/src/images/bg3.png');
			background-position: center;
			background-repeat: no-repeat;
			overflow: hidden;
		}
		.center-bottom  {
			width: 100%;
			height: 0.9rem;
			background-color: #F4F4F4;
		}
		.center-title {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: 0.85rem;
			line-height: 0.85rem;
			text-align: center;
			img {
				width: 1.06rem;
				height: 0.36rem;
			}
		}
		.center-detail {
			height: 3.6rem;
			ul {
				margin-left: 0.72rem;
				width: 11rem;
				height: 3.2rem;
				position: absolute !important;
				top: 0.85rem !important;
				left: 0.4rem ;
			}
			li {
				float: left;
				width: 2.2rem;
				height: 3.2rem;
				margin-right: 0.4rem;
				padding-top: 0.53rem;
				&:last-child {
					margin-right: 0;
				}
				&:nth-child(1) {
					background-image: url('/src/images/log1_bg.png');
					background-repeat: no-repeat;
					background-position: center;
					background-size: 100% 100%;

					span {
						background-color: #FF8F1E;	
					}
				}
				&:nth-child(2) {
				background-image: url('/src/images/log2_bg.png');
				background-repeat: no-repeat;
				background-position: center;
				background-size: 100% 100%;
				span {
					background-color: #00BF55;	
				}
			}
				&:nth-child(3) {
				background-image: url('/src/images/log3_bg.png');
				background-repeat: no-repeat;
				background-position: center;
				background-size: 100% 100%;
				span {
					background-color: #0FF3DA;	
				}
			}
				&:nth-child(4) {
				background-image: url('/src/images/log4_bg.png');
				background-repeat: no-repeat;
				background-position: center;
				background-size: 100% 100%;
				span {
					background-color: #2D8FCC;	
				}
			}
				img {
					display: block;
					margin: 0 auto;
					width: 0.6rem;
					height: 0.6rem;
					margin-bottom: 0.34rem;
				}
				.name {
					font-family: PingFangSC-Regular;
					font-size: 0.26rem;
					color: #F8F8F8;
					text-align: center;
					margin-bottom: 0.14rem;
				}
				span {
					display: block;
					width: 0.44rem;
					height: 0.04rem;
					margin: 0 auto;
					margin-bottom: 0.18rem;
				}
				p {
					font-family: PingFangSC-Regular;
					font-size: 0.14rem;
					color: #F8F8F8;
					text-align: center;
					line-height: 0.20rem;
					font-weight: 100;
				}
				.detail {
					display: none;
				}
			}
		}
	}
	.case {
		width: 100%;
		height: 3.12rem;
		background-color: #fff;
		.case-title {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: 0.85rem;
			line-height: 0.85rem;
			text-align: center;
			img {
				width: 0.72rem;
				height: 0.36rem;
			}
		}
	}
	.swiper-container {
		text-align: center;
		img {
			width: 3.45em;
			height: 1.96rem;
		}
		.swiper-pagination-bullet {
			width: 0.13rem;
			height: 0.03rem;
		}
	}
	.customer {
		width: 100%;
		height: 2.4rem;
		background-image: url('/src/images/bg4.png');
		background-position: center;
		background-size: auto 2.4rem;
		background-repeat: no-repeat;
		.customer-title {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: 0.85rem;
			line-height: 0.85rem;
			text-align: center;
			img {
				width: 0.84rem;
				height: 0.36rem;
			}
		}
		.word-detail {
			font-family: PingFangSC-Light;
			font-size: 0.15rem;
			color: #333333;
			text-align: center;
			margin-bottom: 0.12rem;
		}
		.customer-detail {
			width: 100%;
			padding-left: 0.275rem;
			padding-right: 0.26rem;
			.left {
				float: left;
				width: 0.79rem;
				height: 0.68rem;
				text-align: center;
				vertical-align: super;

				h4 {
					width: 0.44rem;
					height: 0.5rem;
					line-height: 0.5rem;
					font-family: PingFangSC-Semibold;
					font-size: 0.36rem;
					color: #1CA5ED;
					text-align: center;
					margin: 0 auto;
				}
				p {
					font-family: PingFangSC-Regular;
					font-size: 0.13rem;
					color: #666666;
					text-align: center;
				}
			}
			.center {
				width: 0.79rem;
				height: 0.68rem;
				text-align: center;
					float: left;
					vertical-align: super;

				h4 {
					width: 0.44rem;
					height: 0.5rem;
					line-height: 0.5rem;
					font-family: PingFangSC-Semibold;
					font-size: 0.36rem;
					color: #1CA5ED;
					text-align: center;
					margin: 0 auto;
				}
				p {
					font-family: PingFangSC-Regular;
					font-size: 0.13rem;
					color: #666666;
					text-align: center;
				}
			}
			.right {
				width: 0.66rem;
				height: 0.68rem;
				text-align: center;
					float: left;
					vertical-align: super;

				h4 {
					width: 0.58rem;
					height: 0.5rem;
					line-height: 0.5rem;
					font-family: PingFangSC-Semibold;
					font-size: 0.36rem;
					color: #1CA5ED;
					text-align: center;
					margin: 0 auto;
				}
				p {
					font-family: PingFangSC-Regular;
					font-size: 0.13rem;
					color: #666666;
					text-align: center;
				}
			}
			i {
				float: left;
				vertical-align: super;
				width: 0.01rem;
				height: 0.38rem;
				margin: 0.18rem 0.215rem;
				background-color:  #E5E5E5;
			}
		}
	}
	.fund {
		width: 100%;
		height: 2.76rem;	
		background-color: #fff;
		.fund-title {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: 0.85rem;
			line-height: 0.85rem;
			text-align: center;
			img {
				width: 0.98rem;
				height: 0.36rem;
			}
		}
		.fund-detail {
			width: 100%;
			padding: 0 0.15rem;
			li {
				float: left;
				width: 1.15rem;
				height: 0.8rem;
				img {
					display: block;
					width: 100%;
					height: 100%;
				}
			}
		}
	}
	.bg {
		width: 100%;
		height: 1.4rem;
		background-color: #fff;
	}
	.foot {
		width: 100%;
		height: 1.6rem;
	/* 	margin-top: 1.4rem; */
		background-color: #fff;
		background-image: url('/src/images/bg5.png');
		background-position: center;
		background-size: auto 100%;
		position: relative;
		.our {
			width: 3.45rem;
			height: 2.54rem;
			background-color: #fff;
			position: absolute;
			top: -1.27rem;
			left: 50%;

			margin-left: -1.72rem;
			padding: 0.3rem 0.2rem;
			box-shadow: 0.02rem 0.05rem 0.15rem 0 rgba(138,136,136,0.50);
			border-radius: 0.08rem;
			.our-top {
				margin-bottom: 0.32rem;
				width: 100%;
				height: 0.24rem;
				line-height: 0.24rem;
				.left {
					float: left;
					width: 0.64rem;
					height: 0.01rem;
					background-color: #ccc;
					margin-right: 0.11rem;
					margin-top: 0.12rem;
				}
				
				.cente {
					float: left;
					font-family: PingFangSC-Regular;
					font-size: 0.17rem;
					color: #162133;
					span {
						display: inline-block;
						font-family: PingFangSC-Regular;
						font-size: 0.13rem;
						color: #999999;
						margin-left: 0.02rem;
					}
				}
				.right {
					float: left;
					margin-top: 0.12rem;
					width: 0.64rem;
					height: 0.01rem;
					background-color: #ccc;
					margin-left: 0.11rem;
				}
			}
			.our-bottom {
				width: 100%;
				height: 1.7rem;
			}
			.our-bottom-left {
				width: 1.7rem;
				float: left;
				li {
					width: 100%;
					height: 0.45rem;
					font-family: PingFangSC-Medium;
					font-size: 0.16rem;
					i {
						color: #999;
						font-size: 0.18rem;
						margin-right: 0.08rem;
					}
					&:first-child {
						color: #1CA5ED;
						span {
							color: #333;
							font-size: 0.13rem;
							margin-left: 0.26rem;
						}
					}
					&:nth-child(2) {
						color: #333;
						font-size: 0.13rem;
						span {
							margin-left: 0.26rem;
						}
					}
					&:nth-child(3) {
						color: #333;
						font-size: 0.13rem;
					}
				}
			}
			.our-bottom-right {
				float: right;
				width: 1.1rem;
				img {
					&:first-child {
						display: block;
						width: 1.07rem;
						height: 0.38rem;
					}
					&:last-child {
						display: block;
						width: 1.1rem;
						height: 1.1rem;
					}
				}
			}
		}
	}


	.footer {
		width: 100%;
		background: #333333;
		height: 0.72rem;
		padding-top: 0.17rem;
		text-align: center;
		img {
			width: 0.2rem;
			height: 0.2rem;
			vertical-align: text-top;

		}
		p {
			font-family: PingFangSC-Regular;
			font-size: 0.13rem;
			color: #CCCCCC;
			line-height: 0.18rem;
		}
	}
}
.swiper-container-horizontal {
	&>.swiper-pagination-bullets{
		bottom: -0.15rem !important;
		.swiper-pagination-bullet {
			margin-left: 0 !important;
		}
	}
}
.swiper-pagination-bullet {
	border-radius: 0 !important;
	background: #eee !important;
	opacity: 1 !important;
}
.swiper-pagination-bullet-active {
	background: #1CA5ED !important;
}